<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2018-07-09
  Time: 11:33
--%>
<g:set var="PUUID" value="${params?.boardId}" />
<%@ page contentType="text/html;charset=UTF-8" %>
<!DOCTYPE html>
<head>
    <title>EQP Bord</title>

    <style type="text/css">
    #contextmenu,#appBordAlertInfo{
        border: 1px solid #aaa;
        border-bottom: 0;
        background: #eee;
        position: absolute;
        list-style: none;
        margin: 0;
        padding: 0;
        display: none;
    }

    #contextmenu li a {
        display: block;
        padding: 10px;
        border-bottom: 1px solid #aaa;
        cursor: pointer;
    }

    #contextmenu li a:hover {
        background: #fff;
    }
    </style>
    <script type="text/javascript" src="${request.getContextPath()}/js/public-head.js"></script>
</head>

<body style="margin: 0px;padding: 0px;overflow: hidden">
<canvas id="ID${PUUID}" width="1200" height="600"></canvas>

<ul id="contextmenu" style="display:none;">
    <li><a>放大</a></li>
    <li><a>缩小</a></li>
    <li><a>横向拉伸</a></li>
    <li><a>竖向拉伸</a></li>
    <li><a>删除该节点</a></li>
</ul>

<ul id="appBordAlertInfo" style="display:none;width:100px;height: auto;padding: 5px">
    ...
</ul>
</body>
</html>

<script src="${request.getContextPath()}/appBord/jtopo/jquery-1.11.0.min.js" type="text/javascript"></script>
<g:render template="appBordNodeMonitor/js" model="${[fullScreen:true,boardId:params?.boardId]}"></g:render>
<script type="text/javascript">

    layui.config({
        base: basePath+'/layui/lay/modules/'
    }).extend({
        //formSelects: 'formSelects-v4'
    }).use([ 'table','form' ], function() {



    });


    var intervel = setInterval(function () {
        clearInterval(intervel);
        freshBoard();
    },1000 * 60 )
</script>